<%--
  Created by IntelliJ IDEA.
  User: zxm52
  Date: 2021/3/29
  Time: 11:37
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title><%= getServletConfig().getServletContext().getInitParameter("projectName")%>注册页</title>
    <style>
        *{
            padding: 0;
            margin: 0;
            text-decoration: none;
        }

        body{
            background-repeat:no-repeat;
            background-size:100% 100%;
            -moz-background-size:100% 100%;
            background-image: url("static/img/6.jpg");
        }

        #all{
            width: 500px;
            height: 400px;
            margin: 0 auto;
            position: relative;
        }

        #content{
            position: absolute;
            top: 150px;
            left: 125px;
        }

        #returnlogin{
            display: block;
            width: 250px;
            height: 28px;
            line-height: 20px;
            text-align: center;
            color: black;
        }

        #content input{
            width: 280px;
            margin-bottom: 10px;

            cursor: pointer;
            background-color: #fff;
            background-image: none;
            border-radius: 4px;
            border: 1px solid #dcdfe6;
            box-sizing: border-box;
            color: #606266;
            display: inline-block;
            font-size: inherit;
            height: 40px;
            line-height: 40px;
            outline: none;
            padding: 0 15px;
            transition: border-color .2s cubic-bezier(.645,.045,.355,1);
        }

        #content button{
            width: 280px;
            margin-bottom: 10px;

            line-height: 1;
            white-space: nowrap;
            cursor: pointer;
            background: #fff;
            border: 1px solid #dcdfe6;
            color: #606266;
            text-align: center;
            box-sizing: border-box;
            outline: none;
            transition: .1s;
            font-weight: 500;
            height: 40px;
            line-height: 40px;
            font-size: 18px;
            border-radius: 4px;
        }

        #content a{
            display: block;
            width: 280px;
            margin-bottom: 10px;

            line-height: 1;
            white-space: nowrap;
            cursor: pointer;
            background: #fff;
            border: 1px solid #dcdfe6;
            color: #606266;
            text-align: center;
            box-sizing: border-box;
            outline: none;
            transition: .1s;
            font-weight: 500;
            height: 40px;
            line-height: 40px;
            font-size: 18px;
            border-radius: 4px;
        }

    </style>
</head>
<body>
<div id="all">
    <%--注册页面，注册表单提交到RegisterServlet处理--%>
    <div id="content">
        <form id="" action="<%= request.getContextPath() %>/register" method="post">
        <input type="text" name="account" placeholder="请输入账号">
        <br>
        <input type="password" name="password" placeholder="请输入密码">
        <br>
        <input type="text" name="name" placeholder="请输入姓名">
        <br>
        <button type="submit">注册</button>
        <br>
        <a id="returnlogin" href="<%=request.getContextPath()%>/login.jsp">返回登录.....</a>
        </form>
    </div>
</div>
</body>
<%-- 引入底部 --%>

<%--通用代码，每个页面都引入--%>
<%@ include file="components/base.jsp" %>
</html>
